@charset "utf-8";
blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
lengend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea,
th {
	font-family: "Open Sans", poppin, 'PingFang SC', "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", STHeiti, sans-serif;
	font-size: 12px;
	line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%
}

li {
	list-style: none
}

img {
	border: none
}

button,
input[type=button],
input[type=submit] {
	cursor: pointer
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
	color: #707070
}

a:hover {
	text-decoration: underline
}

a:active,
a:focus,
a:hover {
	outline: 0
}

img {
	-ms-interpolation-mode: bicubic
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clearfix {
	*zoom: 1
}

@font-face {
	font-family: poppin;
	src: url(../font/poppin.eot);
	src: url(../font/poppin.eot?#iefix) format("embedded-opentype"), url(../font/poppin.ttf) format("truetype")
}

body {
	color: #9e9e9e;
	min-width: 1200px
}

.txt1 {
	color: #151515
}

.txt2 {
	color: #d5d5d5
}

.txt3 {
	color: #31c27c
}

.txt4 {
	color: #42a41b
}

.txt5 {
	color: #434343
}

.container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto
}

.footer {
	color: #999;
	background-color: #333;
	clear: both
}

.footer a {
	color: #999
}

.footer a:hover {
	color: #31c37c
}

.footer_info {
	overflow: hidden;
	border-bottom: 1px solid #353535;
	position: relative
}

.footer_tit {
	font-size: 15px;
	font-weight: 400;
	padding: 80px 0 46px
}

.footer_download {
	position: absolute;
	top: 0;
	left: 10px
}

.footer_download_list {
	margin-left: -29px
}

.footer_download_list__item {
	float: left;
	text-align: center;
	position: relative
}

.footer_product {
	position: absolute;
	top: 0;
	left: 476px;
	width: 340px
}

.footer_product_list {
	margin-left: -25px
}

.footer_product_list__item {
	float: left;
	margin-bottom: 18px;
	text-indent: 25px;
	margin-right: 5px
}

.footer_product_list__item--pic {
	text-align: center;
	position: relative;
	margin-right: 0;
	text-indent: 0
}

.footer_copyright {
	text-align: center;
	line-height: 28px;
	padding: 24px 0
}

.mod_btn {
	position: relative;
	z-index: 1;
	display: inline-block;
	border-radius: 99px;
	padding: 7px 25px;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

.mod_btn:hover {
	text-decoration: none
}

.btn_primary {
	background-color: #31c27c;
	color: #fff
}

.btn_primary:hover {
	background-color: #2caf6f;
	color: #fff
}

.btn_bor {
	border-width: 1px;
	border-style: solid
}

.btn_md {
	padding-left: 24px;
	padding-right: 24px
}

.btn_lg {
	font-size: 24px;
	padding-left: 64px;
	padding-right: 64px
}

.btn--white {
	color: #fff;
	border-color: #fff
}

.btn--white:hover {
	color: #31c27c;
	background-color: #fff
}

.btn--green {
	color: #31c27c;
	border-color: #31c27c
}

.btn--green:hover {
	color: #fff;
	background-color: #31c27c
}

.btn_gotop {
	position: fixed;
	bottom: 100px;
	right: 50px;
	width: 54px;
	height: 54px;
	overflow: hidden;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/up_bg.png?max_age=2592000&v=433a44475919a40812103806998c103e);
	background-image: -webkit-image-set(url(//y.gtimg.cn/mediastyle/music_svip/img/up_bg.png?max_age=2592000&v=433a44475919a40812103806998c103e) 1x, url(//y.gtimg.cn/mediastyle/music_svip/img/up_bg@2x.png?max_age=2592000&v=433a44475919a40812103806998c103e&v=7e8beb08d51d45a61a267cde1ddfe72d) 2x)
}

.btn_gotop:hover {
	background-position: 0 -54px
}

.icon_txt {
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	text-indent: -9999px
}

.icon_vip {
	display: inline-block;
	width: 38px;
	height: 28px;
	background: url(../images/vip_ic.png) no-repeat;
	vertical-align: middle
}

.mod_title {
	text-align: center;
	font-size: 0
}

.title_line {
	display: inline-block;
	*display: none;
	width: 75px;
	height: 1px;
	background-color: #bdbdbd;
	overflow: hidden
}

.title_con {
	display: inline-block;
	font-size: 48px;
	font-weight: 400;
	margin: 0 35px;
	vertical-align: middle
}

.profile__action {
	text-align: center;
	font-size: 18px
}

.profile_text {
	display: inline-block;
	*display: inline;
	margin-right: 15px;
	vertical-align: middle
}

.profile__action .mod_btn {
	vertical-align: middle
}

.mod_pic {
	display: block;
	width: 100%
}

.hero {
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden
}

.hero_wrap {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	color: #fff
}

.hero_shape {
	position: absolute;
	left: 50%;
	width: 880px;
	height: 420px
}

.hero_shape--1 {
	margin-left: -750px;
	bottom: 0;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/banner_mask_1.png?max_age=2592000&v=2fe20c707be620d131109bac6e7bda04)
}

.hero_shape--2 {
	margin-left: -130px;
	top: 0;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/banner_mask_2.png?max_age=2592000&v=850e42659a9112a4d6f994b4e9fa1f4f)
}

.hero_shape--3 {
	width: 250px;
	height: 184px;
	margin-left: 450px;
	bottom: 0;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/s_obline.png?max_age=2592000&v=c3051b0f517a5aa54a08abf8d94efa5f)
}

.hero_con__action {
	text-align: center
}

.hero_con__text {
	font-size: 18px;
	margin-bottom: 18px
}

.hero_shape--1 {
	-webkit-animation: emotion_move 50s 1s ease-in-out infinite
}

.hero_shape--2 {
	-webkit-animation: emotion_move_reverse 40s 3s ease-in-out infinite
}

@keyframes emotion_move {
	0%,
	100% {
		transform: translateX(0)
	}
	50% {
		transform: translateX(150px)
	}
}

@-webkit-keyframes emotion_move {
	0%,
	100% {
		-webkit-transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(150px)
	}
}

@keyframes emotion_move_reverse {
	0%,
	100% {
		transform: translateX(0)
	}
	50% {
		transform: translateX(-100px)
	}
}

@-webkit-keyframes emotion_move_reverse {
	0%,
	100% {
		-webkit-transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(-100px)
	}
}

.mod_header {
	position: absolute;
	z-index: 900;
	top: 0;
	left: 0;
	width: 100%;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/dot.png?max_age=2592000&v=91538fbe8f282b8ba55c9d21a8967e0e);
	background-repeat: repeat;
	background: rgba(0, 0, 0, .8);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s
}

.mod_navbar {
	position: relative;
	z-index: 850;
	height: 80px
}

.mod_navbar .container {
	position: relative;
	width: 1200px;
	height: 80px;
	margin: 0 auto
}

.nav_logo {
	position: relative;
	float: left;
	display: inline;
	width: 200px;
	height: 80px;
	background-image: url("https://y.gtimg.cn/mediastyle/music_svip/img/logo.png?max_age=2592000&v=fa239e384c8df84e499677271e246c12");
	background-repeat: no-repeat;
	text-indent: -9999px
}

.navbar_logo_link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 2
}

.mod_nav {
	float: left;
	*display: inline;
	height: 80px;
	line-height: 80px;
	font-size: 18px
}

.nav__item {
	float: left;
	display: inline-block
}

.nav__item_link {
	display: inline-block;
	height: 80px;
	line-height: 80px;
	padding: 0 15px;
	color: #fff
}

.nav__item_link:hover {
	text-decoration: none;
	color: #23b45b
}

.nav_dropdown {
	position: absolute;
	display: block;
	height: 45px;
	white-space: nowrap;
	*top: 80px
}

.nav_dropdown__item {
	float: left;
	*display: inline;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	padding-bottom: 3px
}

.nav_dropdown__item_link {
	display: block;
	padding: 0 12px;
	height: 100%;
	color: #fff
}

.nav_dropdown__item--current,
.nav_dropdown__item_link:hover {
	padding-bottom: 0;
	border-bottom: 3px solid #23b45b;
	text-decoration: none;
	color: #fff
}

.nav__item--current .nav__item_link {
	color: #23b45b
}

.nav_dropdown {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s
}

.nav__item:hover .nav_dropdown {
	visibility: visible;
	opacity: 1
}

.mod_identity {
	position: absolute;
	top: 0;
	right: 0;
	padding: 25px 0;
	height: 30px;
	line-height: 30px
}

.identity_logined {
	overflow: hidden
}

.identity_logined__pic {
	display: block;
	*display: inline;
	border-radius: 99px;
	margin-right: 8px;
	width: 30px;
	height: 30px
}

.identity_logined__link {
	float: left;
	display: block;
	*display: inline;
	overflow: hidden;
	color: #fff
}

.identity_logined__face_link {
	float: left;
	position: relative
}

.identity_logined__icon {
	position: absolute;
	width: 11px;
	height: 11px;
	bottom: 0;
	right: 8px
}

.identity_logined__handle .mod_btn,
.identity_logined__info {
	float: left;
	display: block;
	*display: inline;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.identity_logined__data,
.identity_logined__name {
	display: block;
	max-width: 100px;
	margin-right: 10px;
	line-height: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.identity_logined__name {
	color: #fff
}

.identity_logined__name--center {
	padding-top: 7px
}

.identity_logined__name:hover {
	text-decoration: none;
	color: #31c27c
}

.identity_logined__handle .mod_btn {
	height: 16px;
	margin-top: 0;
	line-height: 16px;
	font-size: 14px;
	padding-left: 12px;
	padding-right: 12px
}

.identity_logined__handle .btn_recharge {
	margin-left: 8px;
	color: #31c27c;
	border-color: #31c27c;
	border-width: 2px;
	height: 14px;
	line-height: 14px
}

.identity_logined__handle .btn_recharge:hover {
	color: #279b63;
	color: rgba(49, 194, 124, .7)
}

.identity_dropdown {
	position: absolute;
	right: 0;
	top: 80px;
	width: 330px;
	background-image: url(//y.gtimg.cn/mediastyle/music_svip/img/dot.png?max_age=2592000&v=91538fbe8f282b8ba55c9d21a8967e0e);
	background-repeat: repeat;
	background: rgba(0, 0, 0, .8);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	line-height: normal
}

.user_info {
	margin: 20px 30px;
	color: #fff;
	overflow: hidden;
	font-size: 14px
}

.user_face {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 99px;
	margin-right: 15px
}

.user_face__pic {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 99px
}

.user_face__icon {
	position: absolute;
	width: 22px;
	height: 22px;
	bottom: 0;
	right: 0
}

.user_con__icon {
	font-size: 0;
	margin-bottom: 8px
}

.user_con__icon img {
	display: inline-block;
	height: 24px;
	margin-right: 3px
}

.identity_dropdown {
	pointer-events: none;
	visibility: hidden;
	max-height: 0;
	-webkit-transition: max-height .6s ease-out, visibility 1ms .6s;
	transition: max-height .6s ease-out, visibility 1ms .6s;
	overflow: hidden
}

.identity_dropdown.drop {
	pointer-events: auto;
	max-height: 600px;
	visibility: visible;
	-webkit-transition: max-height .6s ease-out;
	transition: max-height .6s ease-out
}

.user_con {
	margin-left: 110px
}

.user_con__date,
.user_con__name {
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.user_con__name {
	font-size: 14px;
	line-height: 42px
}

.user_con__name_link {
	color: #fff
}

.user_con_logout,
.user_con_personal {
	color: #fff
}

.user_con_personal {
	margin-right: 16px
}

.user_con__date {
	float: left;
	margin-bottom: 3px;
	font-size: 12px
}

.user_con__action {
	margin-bottom: 15px;
	text-align: center
}

.user_con__tip {
	padding-bottom: 15px
}

.user_con__action .mod_btn {
	display: block;
	width: 280px;
	height: 42px;
	line-height: 42px;
	padding: 0;
	font-size: 18px;
	margin: 0 auto 10px
}

.user_con__action_desc {
	width: 280px;
	overflow: hidden;
	margin: 0 auto
}

.user_con a:hover {
	text-decoration: none;
	color: #31c27c
}

.user_data {
	color: #999;
	overflow: hidden
}

.user_data__list {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #31412e;
	border-bottom-color: rgba(255, 255, 255, .1);
	*border-bottom-color: #31412e;
	margin-bottom: 15px
}

.user_data__item {
	float: left;
	*display: inline;
	padding: 5px 0;
	width: 109px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #31412e;
	border-right-color: rgba(255, 255, 255, .1);
	*border-right-color: #31412e
}

.user_data__item--last {
	border-right: none
}

.user_data__text {
	display: block;
	font-size: 14px
}

.user_data__num {
	display: block;
	font-size: 14px
}

.user_data__num .txt3 {
	font-size: 18px;
	font-weight: 700
}

.user_data__action {
	font-size: 0;
	float: right;
	margin-right: -8px
}

.user_data__link {
	display: inline-block;
	color: #fff;
	margin: 0 8px;
	font-size: 12px
}

.nav_subnav {
	position: absolute;
	z-index: 800;
	width: 100%;
	min-width: 1200px;
	height: 45px;
	background: url(//y.gtimg.cn/mediastyle/music_svip/img/dot_b15.png?max_age=2592000&v=093be9713e7195b291e4fe4fcb4e4a42)
}

.popup__ft .mod_btn,
.popup__ft .mod_btn_green {
	border-radius: 2px;
	font-size: 14px;
	margin-right: 6px;
	padding: 0 23px;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	white-space: nowrap;
	box-sizing: border-box;
	overflow: hidden;
	width: auto;
	min-width: 122px;
	text-align: center
}

.popup__ft .mod_btn {
	border: 1px solid #c9c9c9;
	color: #333
}

.popup__ft .mod_btn--hover,
.popup__ft .mod_btn:hover {
	background-color: #ededed;
	color: #333
}

.popup__ft .mod_btn_green {
	border: 1px solid #31c27c;
	background-color: #31c27c;
	color: #fff
}

.popup__ft .mod_btn_green:hover {
	background-color: #2caf6f;
	border-color: #2caf6f;
	color: #fff
}

.popup__ft .mod_btn_green:active {
	background-color: #279c63;
	border-color: #279c63
}

.btn_bottom_feedback,
.btn_bottom_player {
	display: none
}